<template>
	<view class="content">
		<view class="tab_list">
			<text v-for="(item,index) in tab_list" :key="index" @click="changeTab(index)" :class="{'active':item.isActive}">{{item.title}}</text>
			
		</view>
		<view class="brand_list" v-if="isShow">
			
				<view class="occupancy_list_item">
					<image src="../../static/img/gq.png" mode="" style="width: 168rpx;height:168rpx;"></image>
					<view class="occupancy_rt">
						<view class="occupancy_rt_title">
							<text>小画家素质美育中心</text>
							
						</view>
						<view class="search_label">
							<view class="search_label_lf">
								<view>服务项目：999个</view>
						
							</view>
							<view class="consulting">
								咨询
							</view>
						</view>
						
						<view class="occupancy_browse">
							<view>
								河南省郑州市金水区未来路未来滨河小区
							</view>
							
							
						</view>
						
					</view>
				
			</view>
		</view>
		<template v-else >
			<view class="noData">
				<view class="noDataImg">
					<image src="../../static/img/noData.png" mode="" style="width: 298rpx;height: 339rpx;"></image>
				</view>
				<view class="noDataTitle">
					<view>暂无课程</view>
					<view>还没找到相关的课程哦</view>
				</view>
			</view>
		</template>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				isShow:false,
				tab_list:[{
					title:"推荐",
					isActive:true
				},{
					title:"最新",
					isActive:false
				}],
				index:0
			}
		},
		methods:{
			changeTab(index){
				this.index=index
				this.tab_list.forEach((a,i)=>{
					a.isActive=false;
					if(index==i){
						a.isActive=true;
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/static/css/vocationalTraining.scss'
</style>
